<!DOCTYPE HTML PUBLIC >
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <title>我的HTML页面</title>
</head>
<h1>个人信息展示表格</h1>
<h3> HTML重点知识 </h3>
<body>
      <!--table:表格   tr:行  td：列-->
      <table border="1"style="border-collapse:collapse">
          <tr>
              <td>标签</td>
              <td>元素</td>
              <td>说明</td>

          </tr>

          <tr>
               <td>姓名</td>
              <td><input type="text"></td>
              <td>编辑框</td>
          </tr>
          <tr>
               <td>密码</td>
              <td><input type="password"</td>
              <td>密码框(不显示明文-掩码)</td>
          </tr>
          <tr>
               <td>爱好：</td>
              <td>
                  说<input type="checkbox" checked="checked">
                  学<input type="checkbox">
                  逗<input type="checkbox">
                  唱<input type="checkbox">
              </td>
              <td>复选框（多选）</td>
          </tr>

          <tr>
               <td>性别：</td>
              <td>
                  男：<input type="radio" name="sex">
                  女：<input type="radio" name="sex" checked="checked">
                  它：<input type="radio" name="sex">
              </td>
              <td>单选按钮</td>
          </tr>

          <tr>
               <td>籍贯：</td>
              <td>
                  <select>
                      <option selected="selected">北京</option>
                      <option>河北</option>
                      <option>贵州</option>
                      <option>吉林</option>
                      <option>湖北</option>
                  </select>
              </td>
              <td>下拉列表</td>
          </tr>
          <tr>
              <td>主页：</td>
              <td><a href="https://www.baidu.com/">我的公司网站</a></td>
              <td>超链</td>
          </tr>

           <tr>
              <td>头像</td>
              <td><img src="dog.JPG"></td>
              <td>图片</td>
          </tr>

</table>
</body>
</html>